var httpRequest = null;
var respuestaJson = null;
var labels = ['Menores de 25 años', 'Entre 25 y 45 años', '45 años o más'];

function peticion() {
	httpRequest = new XMLHttpRequest();
	httpRequest.onreadystatechange = esperarRespuesta;
	if(httpRequest) {
		httpRequest.open('GET', 'http://localhost:8080/Woafost/services/paro/municipios?lang=es', false);
		httpRequest.send(null);
	}
}

function esperarRespuesta() {
	if(httpRequest.readyState == 4) {
		if(httpRequest.status == 200) {
			respuestaJson = httpRequest.responseText;
			procesarRespuesta(respuestaJson);
			//pintarLista();
		}
	}
}

function procesarRespuesta(datosJson) {
	/*alert('Entró en procesar respuesta');
	var num = datosJson.items.length;
	for(i = 0; i < num; i++) {
		
	}*/
	var objectJson = JSON.parse(datosJson);
	var num = objectJson.items.length;
	var municipalities = new Array(num);
	for(var i = 0; i < num; i++) {
		var municipality = objectJson.items[i].label;
		var sept2010 = objectJson.items[i].septiembre2010;
		var sept2011 = objectJson.items[i].septiembre2011;
		var name = 'bipolar'+i;
		document.write('<h2 id="' + municipality +'">' + municipality + '</h2>' +
				'<div><canvas id="' + name +'" height="250" width="600">Not support Canvas</canvas></div>');
		var bipolar = new RGraph.Bipolar(name, sept2010, sept2011);
		bipolar.Set('chart.colors', ['01AADD']);
		bipolar.Set('chart.labels', labels);
		var max = 8000;
		if(sept2010[1] > sept2011[1]) {
			max = sept2010[1];
		} else {
			max = sept2011[1];
		}
		bipolar.Set('chart.xmax', max);
		bipolar.Set('chart.shadow', true);
		bipolar.Set('chart.title.left', 'Septiembre 2010');
		bipolar.Set('chart.title.right', 'Septiembre 2011');
		bipolar.Draw();
		
		municipalities[i] = municipality;
	}
	document.write('<ul>')
	for(var i = 0; i < municipalities.length; i++) {
		document.write('<li><a href="#' + municipalities[i] + '">' + municipalities[i] + '</a></li>');
	}
	document.write('</ul>');
}

function pintarLista() {
	document.write('<ul>')
	for(var i = 0; i < municipalities.length; i++) {
		document.write('<li><a src="#' + municipalities[i] + '">' + municipalities[i] + '</a></li>');
	}
	document.write('</ul>');
}

/*function procesarRespuesta(xmlDocument) {
	var items = xmlDocument.getElementsByTagName('items');
	mediciones = new Array(items.length);
	for(i = 0; i < items.length; i++) {
		var label = items.item(i).getElementsByTagName('label');
		var labelContent = label[0].firstChild.data;
		var province = items.item(i).getElementsByTagName('province');
		var provinceContent = province[0].firstChild.data;
		var poblacion = items.item(i).getElementsByTagName('poblacion');
		var poblacionContent = poblacion[0].firstChild.data;
		var area = items.item(i).getElementsByTagName('area');
		var areaContent = area[0].firstChild.data;
		var type = items.item(i).getElementsByTagName('type');
		var typeContent = type[0].firstChild.data;
		var observations = items.item(i).getElementsByTagName('observations');
		crearMedicion(observations, labelContent, provinceContent, 
				poblacionContent, areaContent, i);
	}
	alert(mediciones.length);
}*/

/*function crearMedicion(observations, label, province, poblacion, area, pos) {
	var menorSeptiembre2010 = "";
	var entreSeptiembre2010 = "";
	var mayorSeptiembre2010 = "";
	var menorSeptiembre2011 = "";
	var entreSeptiembre2011 = "";
	var mayorSeptiembre2011 = "";
	for(i = 0; i < observations.length; i++) {
		var observation = observations.item(i).getElementsByTagName('label');
		var label = observation[0].firstChild.data;
		//alert(label);
		if(label == '09-2010') {
			var menor = observations.item(i).getElementsByTagName('less25');
			var entre = observations.item(i).getElementsByTagName('between2545');
			var mayor = observations.item(i).getElementsByTagName('more45');
			menorSeptiembre2010 = menor[0].firstChild.data;
			entreSeptiembre2010 = entre[0].firstChild.data;
			mayorSeptiembre2010 = mayor[0].firstChild.data;
		} else if(label == '09-2011') {
			var menor = observations.item(i).getElementsByTagName('less25');
			var entre = observations.item(i).getElementsByTagName('between2545');
			var mayor = observations.item(i).getElementsByTagName('more45');
			menorSeptiembre2011 = menor[0].firstChild.data;
			entreSeptiembre2011 = entre[0].firstChild.data;
			mayorSeptiembre2011 = mayor[0].firstChild.data;
			break;
		}
	}
	var aux = new medicion(label, province, poblacion, area, 
			menorSeptiembre2010, entreSeptiembre2010, mayorSeptiembre2010, 
			menorSeptiembre2011, entreSeptiembre2011, mayorSeptiembre2011);
	mediciones[pos] = aux;
}*/